//
//  StatusPictureView.swift
//  Weibo
//
//  Created by 潇 on 15/12/23.
//  Copyright © 2015年 潇. All rights reserved.
//

import UIKit
import SnapKit

private let pictureCellID = "pictureCellID"
private let pictureCellMargin: CGFloat = 5
class StatusPictureView: UICollectionView {

    
    //MARK: 定义外部模型属性
    var imageURLs: [NSURL]? {
        didSet {
            //修改配图 视图的大小
            let pSize = caclePictureViewSize()
            //更新配图视图的大小
            /**
            *  如果视图对应的属性(如果有相关的约束)就更新,没有约束就创建约束
            */
            self.snp_updateConstraints { (make) -> Void in
                make.size.equalTo(pSize)
            }
            
            //修改测试的文案
            testLabel.text = "\(imageURLs?.count ?? 0)"
            
            //刷新列表,不刷新列表图片加载不出来  或者只出来第一张
            reloadData()
        }
    }
    
    //重写构造方法
    override init(frame: CGRect, collectionViewLayout layout: UICollectionViewLayout) {
        
        //实例化流水布局
        let flowLayout = UICollectionViewFlowLayout()
        
        //设置间距
        flowLayout.minimumInteritemSpacing = pictureCellMargin
        flowLayout.minimumLineSpacing = pictureCellMargin
        
        super.init(frame: frame, collectionViewLayout: flowLayout)
        backgroundColor = UIColor.whiteColor()
        
        //MARK:注册 Cell
        self.registerClass(PictureCell.self, forCellWithReuseIdentifier: pictureCellID)
        
        //设置数据源
        self.dataSource = self

        //设置视图
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    /**
     单图会按照图片等比例显示
     多图的图片大小固定
     多图如果是4张,会按照2 * 2 显示
     其他的按 3 * 3 九宫格显示
     */
     
    //计算配图视图的大小
    private func caclePictureViewSize() -> CGSize {
        
        //1.获取配图的数据
        let imageCount = imageURLs?.count ?? 0
        //获取配图视图的最大宽度
        let maxWidth = screenW - 2 * StatusCellMarigin
        let itemWidth = (maxWidth - 2 * pictureCellMargin) / 3
        
        //取出 collectionView 的流水布局
        let layout = self.collectionViewLayout as! UICollectionViewFlowLayout
        //设置 itemSize
        layout.itemSize = CGSize(width: itemWidth, height: itemWidth)
        
        //没有图片
        if imageCount == 0 {
            return CGSizeZero
        }
        //单张图片
        if imageCount == 1 {
            //TODO: 单张会按照图片等比例显示
            //先给固定尺寸
            let imageSize = CGSize(width: 180, height: 120)
            //设置单张图片的 itemSize
            layout.itemSize = imageSize
            return imageSize
        }
        //4张
        if imageCount == 4 {
            let w = itemWidth * 2 + pictureCellMargin
            return CGSize(width: w, height: w)
        }
        //大于4张
        //1.确定多少行
        let row = CGFloat((imageCount - 1) / 3 + 1)
        
        return CGSize(width: maxWidth, height: row * itemWidth + (row - 1) * pictureCellMargin)
        //2.计算配图的大小
        
//        return CGSizeZero
    }
    //MARK:设置页面和布局
    private func setupUI() {
        self.addSubview(testLabel)
        
        //约束
        testLabel.snp_makeConstraints { (make) -> Void in
            make.center.equalTo(self.snp_center)
        }
    }
    
    //MARK: 懒加载所有的子视图
    private lazy var testLabel: UILabel = UILabel(title: "", color: UIColor.redColor(), fontSize: 30)
}

//MARK: 集合数组的数据源方法
extension StatusPictureView: UICollectionViewDataSource {
    
    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return imageURLs?.count ?? 0
    }
    
    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        //使用这个方法  一定要注册 cell
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(pictureCellID, forIndexPath: indexPath) as! PictureCell
//        cell.backgroundColor = UIColor.rendomColor()
        cell.imageURL = imageURLs![indexPath.item]
        return cell
    }
}


//自定义 cell
class PictureCell : UICollectionViewCell {
    
    //MARK: 定义外部模型属性
    var imageURL: NSURL? {
        didSet {
            iconView.sd_setImageWithURL(imageURL)
        }
    }
    
    //重写构造方法
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        
        //设置视图
        setupUI()
        
        
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    //MARK:设置页面和布局
    private func setupUI() {
        contentView.addSubview(iconView)
        
        iconView.snp_makeConstraints { (make) -> Void in
            //四周贴边
            make.edges.equalTo(snp_edges)
        }
    }
    
    //MARK: 懒加载所有的子视图
    private lazy var iconView: UIImageView = {
        let iv = UIImageView()
        //ScaleAspectFill 显示图片原比例,保持图片不失真
        //ScaleToFill 默认样式,但是会被压缩或拉伸
        iv.contentMode = UIViewContentMode.ScaleAspectFill
        //在手码开发中,如果图片默认的剪裁时没有开启,需要手动设置
        iv.clipsToBounds = true
        return iv
    }()
    

}
